<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        CSS加载方式
            1. 行内样式：style [html不干净，代码冗余不利于维护]
            2. 内嵌样式：内部样式表
            3. 链入外部样式表：head部分加入
                <head>
                    <link></link>
                </head>
            4. 导入外部样式表：在head部分加入
                @import：在HTML初始化的时候，会被导入到HTML或者CSS文件中，成为文件的一部分，类似于2


        优先级：
                1. 就近原则
                2. 理论上：行内 > 内嵌 > 链接 > 导入
                3. 实际上：内嵌 链接 导入在同一个文件头部 谁离相应的代码近 谁的优先级高
     -->
</body>
</html>